---
type: tutorial
unitTitle: 첫 Astro 사이트 생성 및 배포
title: '체크인: 1단계 - 설정'
description: >-
  튜토리얼: 첫 번째 Astro 블로그 구축 — 개발 환경을 준비하고 첫 번째 Astro 사이트를 생성 및 배포하세요.
i18nReady: true
---

import Badge from '~/components/Badge.astro';
import Checklist from '~/components/Checklist.astro';
import Box from '~/components/tutorial/Box.astro';
import { Steps } from '@astrojs/starlight/components';

이제 무엇을 만들 것인지 알았으니 필요한 모든 도구를 설정할 차례입니다!

이 단계에서는 개발 환경을 설정하고 Netlify에 배포하는 방법을 보여줍니다. 이미 환경과 작업 흐름에 익숙하다면 [2단계](/ko/tutorial/2-pages/)로 건너뛰세요.

:::tip[StackBlitz 사용]
대신 온라인 코드 편집기에서 이 튜토리얼을 완료하시겠습니까?
<details>
<summary>다음 지침을 따른 다음 바로 2단계로 이동하세요!</summary>

**StackBlitz 설정**

<Steps>
1. [astro.new](https://astro.new)를 방문하여 버튼을 클릭해 StackBlitz에서 "Empty Project" 템플릿을 엽니다.

2. GitHub 자격 증명을 사용하여 로그인하려면 오른쪽 상단의 "Sign in"을 클릭하세요.

3. StackBlitz 편집기 창의 왼쪽 상단에서 템플릿을 "fork"하려면 클릭하세요 (자신의 계정 대시보드에 저장).

4. 프로젝트가 로드될 때까지 기다리면 "Empty Project" 스타터의 실시간 미리보기가 표시됩니다.
</Steps>

**변경**

파일 창에 `src/pages/index.astro`가 표시되어야 합니다. 클릭하여 열고 [Astro의 첫 번째 줄 작성](/ko/tutorial/1-setup/3/)을 따라 이 파일을 변경합니다.

**GitHub 저장소 생성**

<Steps>
1. 파일 목록 상단의 <kbd>Connect Repository</kbd> 버튼을 누르고 저장소의 새 이름을 입력한 후 <kbd>Create repo & push</kbd>를 클릭하세요.

2. GitHub에 다시 커밋할 변경 사항이 있으면 작업 공간 왼쪽 상단에 "Commit" 버튼이 나타납니다. 이를 클릭하면 커밋 메시지를 입력하고 저장소를 업데이트할 수 있습니다.
</Steps>

**사이트 배포**

Netlify에 배포하려면 [웹에 사이트 배포](/ko/tutorial/1-setup/5/)로 건너뛰세요.
그렇지 않으면 [2단계](/ko/tutorial/2-pages/)로 건너뛰어 Astro로 구축을 시작하세요!

</details>
:::

## 어떻게 진행되나요?

이 단계에서는 **GitHub에 온라인으로 저장**되고 **Netlify에 연결**되는 **새 프로젝트를 생성합니다**.

코드를 작성하면서 주기적으로 변경 사항을 GitHub에 커밋하게 됩니다. Netlify는 GitHub 저장소의 파일을 사용하여 웹사이트를 빌드한 다음 누구나 볼 수 있는 고유한 주소로 인터넷에 게시합니다.

GitHub에 변경 사항을 커밋할 때마다 Netlify로 알림이 전송됩니다. 그런 다음 Netlify는 해당 변경 사항을 반영하기 위해 라이브 사이트를 자동으로 재빌드하고 다시 게시합니다.

<Box icon="check-list">
## 체크리스트

<Checklist>
- [ ] Astro 프로젝트를 위한 개발 환경이 준비되었습니다!
</Checklist>
</Box>
